<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>聚首京华，携手同行</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
	<link rel="icon"  href="https://wujing123.oss-cn-beijing.aliyuncs.com/WechatIMG60.jpeg?x-oss-process=style/mystyle" >
	<link rel="stylesheet" type="text/css" href="https://wujing123.oss-cn-beijing.aliyuncs.com/reset.css">
	<link rel="stylesheet" type="text/css" href="https://wujing123.oss-cn-beijing.aliyuncs.com/app.css">
	<style type="text/css">
	@font-face{
	font-family: 'fontFacePF_M';
	src: url("./assets/pf_m.woff") format("woff"),
	url("./assets/pf_m.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;}
	@font-face{font-family: 'fontFaceSF_M';
	src: url("./assets/sf_m.woff") format("woff"),
	url("./assets/sf_m.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;}
	@font-face{font-family: 'fontFaceSF_UL';
	src: url("./assets/sf_ul.woff") format("woff"),
	url("./assets/sf_ul.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;}
	</style>
</head>
<body>
	<div id="page1">
		<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/ADIIABACGAAgpIbQ3wUo8KOU0gQwigU4igU%21450x450.jpg.webp?x-oss-process=style/mystyle" class="dynamic">
		<div class="loader" id="load">
			<span>L</span><span>O</span><span>A</span><span>D</span><span>I</span><span>N</span><span>G</span>
			<span class="progress_status">0%</span>
		</div>
		<div class="loader" id="start" style="display: none;">点我开始</div>
	</div>
	<div id="page2" style="display: none;">
		<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/0000042.jpg?x-oss-process=style/mystyle" class="bg">
		<div class="mask"></div>
		<div class="inner">
			<div class="time fontFaceSF_UL">00:00</div>
			<div class="date fontFaceSF_UL">11月21日 星期三</div>
			<div class="message">
				<div class="message_hd">
					<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/wechat.png?x-oss-process=style/mystyle" class="message_icon">
					<span class="message_name">微信</span>
					<span class="message_time">现在</span>
				</div>
				<div class="message_bd">
					<div class="message_content">您的好友：<img src="">在吗？</div>
				</div>
			</div>
			<div class="lock_btn">〉&nbsp;点击来解锁</div>
		</div>
	</div>
	<div id="page3" style="display: none;">
		<div class="chat_hd">
			<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/wxhead.jpg?x-oss-process=style/mystyle">
			<div class="text">您的好友</div>
		</div>
		<div class="chat_all">点击展开全部对话</div>
		<div class="chat_bd">
			<div class="chat_list">
				<div class="chat_time_wrap"><div class="chat_time">星期三 23:34</div></div>
			</div>
		</div>
		<div class="chat_ft">
			<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/wxbottom.jpg?x-oss-process=style/mystyle">
		</div>
	</div>
	<div id="page4">
		<div>
			<div class="btn_return">返回上一页</div>
			<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/WechatIMG42.jpeg?x-oss-process=style/mystyle">
			<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/WechatIMG43.jpeg?x-oss-process=style/mystyle">
			<img src="https://wujing123.oss-cn-beijing.aliyuncs.com/WechatIMG44.jpeg?x-oss-process=style/mystyle">
		</div>
	</div>
</body>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="https://wujing123.oss-cn-beijing.aliyuncs.com/zepto.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/better-scroll@1.0.1/dist/bscroll.min.js"></script>
<script type="text/javascript" src="https://wujing123.oss-cn-beijing.aliyuncs.com/app.js"></script>
</html>
